<template>
	<div class="container">
		<div class="login-wrapper">
			<div class="header">Login</div>
			<div>
				<input type="text" name="zhang" placeholder="账号" class="input-item">
				<input type="password" name="password" placeholder="密码" class="input-item">
				<div class="t1">忘记密码</div>
				<div class="btn">登录</div>
			</div>
			<div class="msg">
				<span style="color: #979797;">宝贝，欢迎来到你的快乐时间</span>
				<a href="#">注册</a>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				lan:''
			}
		},
		methods: {
			// 登录方法
			denglu() {
				uni.request({
					url: 'http://47.91.230.137:8086/wx/auth/login', //仅为示例，并非真实接口地址。
					method: "POST",
					data: {
						"username": "string",
						"password": "string"
					},
					success: (res) => {
						// console.log(res)
						this.aa = res.data.data.banner
						this.num = res.data.data.channel
						this.Data = res.data.data.couponList
						this.tata = res.data.data.grouponList
					}
				});
			}
		}
	}
</script>

<style>

	html {
		height: 100%;
	}

	body {
		height: 100%;
	}

	.container {
		height: 100%;
		background-image: linear-gradient(to right, #ff5500, #ee9f00);
	}

	.login-wrapper {
		background-color: bisque;
		width: 250px;
		height: 488px;
		border-radius: 15px;
		padding: 0 50px;
		position: relative;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.header {
		font-size: 28px;
		font-weight: bold;
		text-align: center;
		line-height: 120px;
	}

	.input-item {
		display: block;
		width: 100%;
		margin-bottom: 20px;
		border: 0;
		padding: 10px;
		border-bottom: 1px solid rgb(128, 125, 125);
		font-size: 15px;
		outline: none;
	}

	.input-item::placeholder {
		text-transform: uppercase;
	}

	.btn {
		text-align: center;
		padding: 10px;
		width: 100%;
		margin-top: 30px;
		background-image: linear-gradient(to right, #a6c1ee, #fbc2eb);
		color: #fff;
	}

	.msg {
		text-align: center;
		line-height: 77px;
	}

	a {
		text-decoration-line: none;
		color: #ff5500;
	}
	.t1{
		font-size: 15px;
		padding-left: 180px;
		color: #828282;
	}
</style>